/**
 * desc:
 * User: zhitao.guo@leweipai.cn
 * Date: 2021/8/16
 * Time: 15:36
 */
class Food {
    // 定义一个属性表示十五所对应的元素
    element: HTMLElement;

    constructor() {
        // 获取页面中的 food元素 并将其赋值给element
        this.element = document.getElementById('food')!; // 感叹号表示 值一定不为null
        // this.change()
    }

    // 定义一个获取食物x轴坐标的方法
    get X () {
        return this.element.offsetLeft;
    }

    // 定义一个获取食物 y轴坐标的方法
    get Y () {
        return this.element.offsetTop;
    }

    // 修改食物位置
    change () {
        // 生成随机的位置
        // 食物的位置 最小0 最大290 且 必须是10的整数倍
        // 蛇移动一次就是一格，一个的大小是10 所以食物坐标 必须是10的背书
        let top = Math.round(Math.random() * 29) * 10;
        let left = Math.round(Math.random() * 29) * 10;
        this.element.style.left = left + 'px';
        this.element.style.top = top + 'px';
    }
}


// 测试代码
// const  food = new Food()
// food.change()
// console.log(food.x, food.y)

export default Food;
